www.gusucode.com > 盛世桃源网络相册服务系统 2 > 盛世桃源网络相册服务系统 2.3源码程序/template/img/style.css
body{margin:0px; border:none; font-size: 12px; font-family: Arial; } /* Login Style Defined -------------------------------- */ .table_content_1{ width:100%;border:1px solid #ADADAD;background-color:#F4F6F8; } .td_title_1 { color:#3A5E9B; font-size:14px; font-weight:bold; } .head_logo_1 { width:320px; height:60px; background-repeat:no-repeat; background-position:left middle;} .head_back_1 { text-align:right; height:60px; background-position:right top; background-repeat:no-repeat; background-image:url(back_1_1.gif); } .head_back_1 img{ margin:5px;} .p_content_1{ line-height:22px; padding:12px; } .text_1{ width:140px; } .line_1{ width:1px; background-image:url(line_1.gif); } /* Frame Style Defined -------------------------------- */ .main_tool_1{ padding:5px; } .main_title_1{ text-align:center; height:32px; background-color:#CCE0F5;border-bottom:1px solid #AAC1DE;border-top:1px solid #ffffff; } .main_title_1 td{ color:#3A5E9B; } .main_content_0{ background-color:#F2F7FC;} .main_content_1{ padding:6px; padding-right:0px; } .main_content_2{ overflow:auto; width:100%; height:100%; } .main_content_2 a.button { color:#F2F7FC; background-color:#3163C0; padding:3px; } .main_content_2 a.button:hover { color:#3163C0; background-color:#F2F7FC; } .main_content_2 .label_1{ height:28px; color:#3B3B3B; padding-left:12px; border-right:1px solid #C1C8D2; border-bottom:1px solid #C1C8D2; } .main_content_2 .value_1{ height:28px; color:#3B3B3B; border-bottom:1px solid #E3E6EB; } .main_content_2 .tilp_1{ color:#000000; background-color:#FFF5B2; } .main_content_3{ background-color:#F2F7FC; } /* Album Style Defined */ .album_detail_1{ color:#ffffff; height:30px; padding-left:32px; padding-top:12px; padding-bottom:3px; background-repeat:no-repeat; background-position:left top; background-image:url(back_b_1.gif); } .album_detail_2{ color:#ffffff; height:30px; padding-left:32px; padding-top:12px; padding-bottom:3px; background-repeat:no-repeat; background-position:left top; background-image:url(back_b_2.gif); } .album_detail_3{ padding:1px; border:1px solid #4995E1; text-align:center; } .album_detail_3 a.button{ color:#ffffff; width:100%; line-height:18px; background-color:#3874AF; padding-left:7px; margin:1px; text-decoration:none; } .album_detail_3 a.button:hover{ color:#3874AF; background-color:#eff7ff;} .album_detail_3 .intro{ width:160px; overflow:hidden; PADDING:3px; BACKGROUND-COLOR:#eff7ff; } .album_detail_4{ padding:3px; BACKGROUND-COLOR: #eff7ff; } .album{ width:130px; margin-right:6px; margin-bottom:6px;text-align:center; float:left; margin-left: 6px; margin-top: 20px; } .album .pic{ width:140px;height:100px;} .album .title{ width:140px; height:100px; overflow: hidden; text-overflow:ellipsis; text-align:left; white-space:nowrap} .album a{ color:#464BA1; text-decoration:none; } .album a:hover{ color:#464BA1; text-decoration:underline; } .photo{ width:140px; text-align:center;float:left;} .photo .pic{ width:140px;height:100px;} .photo .title{ width:140px; height:100px; overflow: hidden; text-overflow:ellipsis; text-align:left; white-space:nowrap} .photo a{ color:#000000; text-decoration:none; } .photo a:hover{ color:#0309A1; text-decoration:underline; } .kind{ width:140px; margin-right:6px; margin-bottom:6px; text-align:center; padding-top:3px; float:left;} .kind .pic{ width:140px;height:100px;} .kind .title{ width:140px; height:30px; overflow: hidden; text-overflow:ellipsis; text-align:center; white-space:nowrap} .kind a{ color:#464BA1; text-decoration:none; } .kind a:hover{ color:#464BA1; text-decoration:underline; } .TopHeader H1 {FONT-WEIGHT: normal; FONT-SIZE: 20px; FLOAT: left; MARGIN: 0px; WIDTH: 240px; COLOR: #1E67F0; PADDING-TOP: 10px;PADDING-LEFT: 20px; HEIGHT: 41px; TEXT-ALIGN: left;} table, tr, td { font-size:12px; } form { margin:0px; } input, textarea { font-size:12px; } p { margin:0px; } img { border:0px; } a.link1 { font-size:14px; font-weight:bold;} a:hover { text-decoration: underline; } a:link { text-decoration: none; } a { color:#3163C0; text-decoration: none; } /* Normal Element Style Defined */ .p1{ line-height:150%; } .p2{ line-height:32px; } .text1{ height:22px; padding:3px; padding-bottom:0px; border-top:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;} .button1{ padding:3px; padding-bottom:0px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #666666; border-bottom:1px solid #666666; } .kuan { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; } .btn { padding:3px; padding-bottom:0px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #666666; border-bottom:1px solid #666666; } .list{ border: 1px solid #72c0e6; } .body_range_3 { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff } .body_range_3 .title { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; COLOR: #0076b1; PADDING-TOP: 5px; BACKGROUND-COLOR: #eafaff } .body_range_3 .body { BACKGROUND-COLOR: #ffffff } .kuan { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; } .button_1 { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND-IMAGE: url(images/button_2_1.gif); BORDER-LEFT: medium none; WIDTH: 63px; BORDER-BOTTOM: medium none; HEIGHT: 20px } .btn { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; COLOR: #666666; BORDER-BOTTOM: #cccccc 1px solid; } .botline { border-bottom: 1px dashed #75BBDD; height: 1px; } .txt14black { FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif } .hotnews { OVERFLOW: hidden; WIDTH: 98.5%;TEXT-ALIGN: center; margin-bottom: 5px; } .commbox { BORDER-RIGHT: #aedef2 1px solid; BORDER-TOP: #aedef2 1px solid; OVERFLOW: hidden; BORDER-LEFT: #aedef2 1px solid; BORDER-BOTTOM: #aedef2 1px solid; TEXT-ALIGN: center } .titleh { CLEAR: both; MARGIN-TOP: 1px; PADDING-LEFT: 14px; FONT-WEIGHT: bold; BACKGROUND: #eef6fe; COLOR: #1974c8; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: left; font-size: 12px; width: 100%; } .news1 { CLEAR: both; MARGIN: 0px auto; WIDTH: 495px }